body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; }
html{ height:100%;-webkit-text-size-adjust: none;}
em,i,strong{font-style:normal;}
ul,ol{list-style:none;}
a{text-decoration:none;}
img{border:0 none; vertical-align:top; width: 100%;}
.clearfix:after{ content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.nowrap{white-space:nowrap; overflow:hidden;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
::after, ::before {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}

* {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-touch-callout: none;
    -webkit-user-drag: none;


}
html,body{
	overflow: hidden;
	height: 100%;
}
body{font-family: "微软雅黑"; background-color: #fff;}
.box_wrap * { -webkit-animation-fill-mode:both !important;}

.box_wrap{
	position: relative;
	height: 100%;
}
.b_arr_btn img{
	-webkit-animation:guideTop 1.5s infinite
}
@-webkit-keyframes guideTop {
	0% {
		-webkit-transform:translateY(42px);
		opacity:0
	}
	60% {
		-webkit-transform:translateY(12px);
		opacity:1
	}
	100% {
		-webkit-transform:translateY(0px);
		opacity:0
	}
}

.home_img{
	display: none;
}
.home1_text{
	display: block;
}

.b_arr_btn{
	position: absolute;
	top: 85%;
	left: 47%;
	width: 7%;
	z-index: 99;
}

/*home1*/

.box_2{
	background: url(../images/home2_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_3{
	background: url(../images/home3_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_4{
	background: url(../images/home4_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_5{
	background: url(../images/home5_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_6{
	background: url(../images/home6_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_7{
	background: url(../images/home7_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_8{
	background: url(../images/home8_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_9{
	background: url(../images/home9_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_10{
	background: url(../images/home12_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_11{
	background: url(../images/home10_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.box_12{
	background: url(../images/home11_bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.home1_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.home1_text1{
	-webkit-animation: s1-1  0.5s;
	margin-top: 5%;
	width: 80%;
	margin-left: 10%;
}
@-webkit-keyframes s1-1 {
    0% { 
    	opacity: 0; 
    	-webkit-transform: scale(2);
	}
}
.home1_text2{ 
	-webkit-animation: s1-2 0.5s; 
	-webkit-animation-delay: 0.3s;
	margin-top: 5%;
	width: 80%;
	margin-left: 10%;
}
@-webkit-keyframes s1-2 {
    0% { 
    	opacity: 0; 
    	-webkit-transform:translateY(80px);
    }
}
.home1_text3_l,.home1_text3_r{
	position: absolute;
}
.home1_text3_l{ 
	-webkit-animation: s1-3 0.5s; 
	-webkit-animation-delay: 0.5s;
	top: 61.5%;
	width: 9%;
	left: 39%;
}
@-webkit-keyframes s1-3 {
    0% { 
    	opacity: 0; 
    	-webkit-transform:translateY(50px);
    	-webkit-transform:rotate(0deg) scale(0);
    }
    100%{
    	-webkit-transform:rotate(360deg) scale(1);
    }
}
.home1_text3_r{ 
	-webkit-animation: s1-4 0.5s; 
	-webkit-animation-delay: 0.5s;
	top:61%;
	width: 8%;
	right: 39%;
}
@-webkit-keyframes s1-4 {
    0% { 
    	opacity: 0; 
    	-webkit-transform:translateY(50px);
    	-webkit-transform:rotate(0deg) scale(0);
    }
    100%{
    	-webkit-transform:rotate(-360deg) scale(1);
    }
}



/*home2*/
.home_2 .home2_text img{
	width: 34.6%;
}
.home_2 .b_arr_btn img{
	width: 100%;
}
.home_2 .home2_text1{
	top: 10%;
	left: 32.3%;
	position: absolute;	
	-webkit-animation: s2-1 0.5s; 
}
.home_2 .home2_text2{
	position: absolute;
	top: 20.5%;
	left: 59%;
	-webkit-animation: s2-2 0.5s; 
}
.home_2 .home2_text3{
	position: absolute;
	top: 40.8%;
	left: 59%;
	-webkit-animation: s2-3 0.5s; 
}
.home_2 .home2_text4{
	position: absolute;
	top: 51.3%;
	left: 31.8%;
	-webkit-animation: s2-4 0.5s;
}
.home_2 .home2_text5{
	position: absolute;
	top: 40.8%;
	left: 5%;
	-webkit-animation: s2-5 0.5s;
}
.home_2 .home2_text6{
	position: absolute;
	top: 20%;
	left: 5%;
	-webkit-animation: s2-6 0.5s;
}
.home_2 .home2_text7{
	position: absolute;
	top: 30.6%;
	left: 32%;
	-webkit-animation: s2-7 0.5s;
}
.home_2 .home2_icon{
	position: absolute;
	background: url(../images/home2_icon.png?123) no-repeat 0 0;
}
.home_2 .home2_icon1{
	-webkit-animation: s2-01 3.2s infinite; 
	-webkit-animation-delay: 0.2s;
	left: 3%;
	width: 40px;
	height: 55px;
	background-position: 0 0;
}
.home_2 .home2_icon2{
	-webkit-animation: s2-02 4s infinite; 
	-webkit-animation-delay: 0.6s;
	left: 22%;
	width: 50px;
	height: 55px;
	background-position: -60px 0;
}
.home_2 .home2_icon3{
	-webkit-animation: s2-03 3s infinite; 
	-webkit-animation-delay: 0.7s;
	left: 44%;
	width: 50px;
	height: 55px;
	background-position: -120px 0 ;
}
.home_2 .home2_icon4{
	-webkit-animation: s2-04 3.5s infinite; 
	-webkit-animation-delay: 0.4s;
	left: 70%;
	width: 120px;
	height: 55px;
	background-position: -10px -80px;
}
.home_2 .home2_icon5{
	-webkit-animation: s2-05 3.5s infinite; 
	-webkit-animation-delay: 1.4s;
	left: 20%;
	width: 65px;
	height: 65px;
	background-position: -10px -180px;
}
.home_2 .home2_icon6{
	-webkit-animation: s2-06 3.5s infinite; 
	-webkit-animation-delay: 1.2s;
	left: 40%;
	width: 78px;
	height: 88px;
	background-position: -165px -160px;
}
.home_2 .home2_icon7{
	-webkit-animation: s2-07 3.5s infinite; 
	-webkit-animation-delay: 1.8s;
	left: 40%;
	width: 53px;
	height: 44px;
	background-position: -2px -260px;
}
@-webkit-keyframes s2-01{
    0% { 
    	-webkit-transform: translate(0, -100px) rotate(0deg);
    }
    100%{
	    -webkit-transform: translate(0, 700px) rotate(20deg);
    }
}
@-webkit-keyframes s2-02{
    0% { 
    	-webkit-transform: translate(0, -100px) rotate(0deg);
    }
    100%{
	    -webkit-transform: translate(0, 750px) rotate(20deg);
    }
}
@-webkit-keyframes s2-03{
    0% { 
    	-webkit-transform: translate(0, -150px) rotate(0deg);
    }
    100%{
	    -webkit-transform: translate(0,800px) rotate(20deg);
    }
}
@-webkit-keyframes s2-04{
    0% { 
    	-webkit-transform: translate(0, -220px) rotate(0deg);
    }
    100%{
	    -webkit-transform: translate(0, 730px) rotate(20deg);
    }
}
@-webkit-keyframes s2-05{
    0% { 
    	-webkit-transform: translate(0, -400px) rotate(0deg);
    }
    100%{
	    -webkit-transform: translate(0, 780px) rotate(20deg);
    }
}
@-webkit-keyframes s2-06{
    0% { 
    	-webkit-transform: translate(0, -350px) rotate(0deg);
    }
    100%{
	    -webkit-transform: translate(0, 800px) rotate(20deg);
    }
}
@-webkit-keyframes s2-07{
    0% { 
    	-webkit-transform: translate(0, -420px) rotate(0deg);
    }
    100%{
	    -webkit-transform: translate(0, 820px) rotate(20deg);
    }
}



@-webkit-keyframes s2-1{
    0% { 
    	-webkit-transform: translate(0, -100px) rotate(0deg) scale(0.2);
    }
    100%{
	    -webkit-transform: translate(0, 0) rotate(720deg) scale(1);
    }
}
@-webkit-keyframes s2-2{
    0% { 
	    -webkit-transform: translate(100px, -100px) rotate(0deg) scale(0.2);
    }
    100%{
	    -webkit-transform: translate(0, 0) rotate(720deg) scale(1);
    }
}
@-webkit-keyframes s2-3{
    0% { 
	    -webkit-transform: translate(100px, 100px) rotate(0deg) scale(0.2);
    }
    100%{
	    -webkit-transform: translate(0, 0) rotate(720deg) scale(1);
    }
}
@-webkit-keyframes s2-4{
    0% { 
	    -webkit-transform: translate(0, 100px) rotate(0deg) scale(0.2);
    }
    100%{
	    -webkit-transform: translate(0, 0) rotate(720deg) scale(1);
    }
}
@-webkit-keyframes s2-5{
    0% { 
	    -webkit-transform: translate(-100px, 100px) rotate(0deg) scale(0.2);
    }
    100%{
	    -webkit-transform: translate(0, 0) rotate(720deg) scale(1);
    }
}
@-webkit-keyframes s2-6{
    0% { 
	    -webkit-transform: translate(-100px, -100px) rotate(0deg) scale(0.2);
    }
    100%{
	    -webkit-transform: translate(0, 0) rotate(720deg) scale(1);
    }
}
@-webkit-keyframes s2-7{
    0% { 
	    -webkit-transform: translate(0, 0) rotate(0deg) scale(0.2);
    }
    100%{
	    -webkit-transform: translate(0, 0) rotate(720deg) scale(1);
    }
}
/*home3*/
.home3_text .home3_text1{
	padding-top: 10%;
	margin-bottom: 12%;
	-webkit-animation: s3-1 0.5s; 
}
.home3_text .home3_text2{
	width: 30%;
	margin-left: 35%;
	-webkit-animation: s3-2 0.5s; 
	-webkit-animation-delay: 0.5s;
}

@-webkit-keyframes s3-1{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, 0)  scale(0.2);
    }
}

@-webkit-keyframes s3-2{
    0% {
		opacity:0;
	    -webkit-transform: translate(0, 0)  scale(0.2);
	}
}

/*home_4*/
.home4_text .home4_text_1{
	padding-top: 20%;
	-webkit-animation:s4-1 0.5s linear ;
}
.home4_text .home4_2{
	position: absolute;
	top: 42%;
	width: 51.4%;
	left: 23.7%;
	z-index: 3;
	-webkit-animation:s4-2 0.5s linear ;
	-webkit-animation-delay: 0.3s;
}
.home4_text .home4_3{
	position: absolute;
	top: 51%;
	width: 12%;
	left: 44%;
	-webkit-animation:s4-3 0.5s linear ;
	-webkit-animation-delay: 0.3s;
}
.home4_text .home4_4_1,.home4_text .home4_4_2,.home4_text .home4_4_3{
	position: absolute;
	top: 51%;
	width: 26.7%;
	left:5%;
	-webkit-animation:s4-3 0.5s linear ;
}
.home4_text .home4_4_1{
	top: 51%;
	-webkit-animation:s4-4-1 0.5s linear ;
	-webkit-animation-delay: 0.7s;
}
.home4_text .home4_4_2{
	top: 67%;
	-webkit-animation:s4-4-2 0.5s linear ;
	-webkit-animation-delay: 0.7s;
	
}
.home4_text .home4_4_3{
	left: 70%;
	-webkit-animation:s4-4-3 0.5s linear ;
	-webkit-animation-delay: 0.7s;
	
}

@-webkit-keyframes s4-1{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(50%,0)  ;
    }
}
@-webkit-keyframes s4-2{
    0% { 
    	opacity: 0;
	    -webkit-transform:  rotate(0deg) ;
    }
    100%{
    	-webkit-transform:  rotate(1080deg) ;
    }
}
@-webkit-keyframes s4-3{
    0% { 
    	opacity: 0;
	    -webkit-transform: scale(0.2);
    }
}
@-webkit-keyframes s4-4-1{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(25%,0)  scale(0.2);
    }
}
@-webkit-keyframes s4-4-2{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(25%,0)  scale(0.2);
    }
}
@-webkit-keyframes s4-4-3{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(-25%,0)  scale(0.2);
    }
}


/*home_5*/
.home5_text1{
	width: 20%;
	position: absolute;
	-webkit-animation:s5-1 2s linear infinite;
}
.home5_text1_1{
	left: 2%;
	top: 5%;
}
.home5_text1_2{
	left: 2%;
	top: 30%;
}
.home5_text1_3{
	top: 5%;
	right: 2%;
}
.home5_text1_4{
	right: 2%;
	top: 30%;
}
.home5_text2{
	width: 58%;
	position: absolute;
	left: 20.6%;
	top: 5%;
	-webkit-animation:s5-2 2s linear infinite;
	-webkit-animation-delay: 0.2s;
}
.home5_text3{
	width: 45%;
	position: absolute;
	left: 28%;
	top: 44%;
	-webkit-animation:s5-3 0.5s linear ;
	-webkit-animation-delay: 0.2s;
}
@-webkit-keyframes s5-1{
    0% { 
	   opacity: 0;
    }
    50% { 
	   opacity: 1;
    }
    100% { 
	   opacity: 0;
    }
}
@-webkit-keyframes s5-2{
    0% { 	
	    -webkit-transform: rotate(0deg);
    }
    100% { 	
	    -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes s5-3{
    0% { 
	    -webkit-transform: translate(0, 0) rotate(360deg) scale(0.2);
    }
}

/*home_6*/
.home6_text .s{
	display: block;
	overflow: hidden;
	text-align: right;
}
.home6_text .s img{
	width: 70%
}
.home6_text1{
	padding-top: 5%;
	-webkit-animation:s6-1 0.3s linear ;
	-webkit-animation-delay: 0.2s;
}
.home6_text2{
	-webkit-animation:s6-2 0.3s linear ;
	-webkit-animation-delay: 0.5s;
}
.home6_text3{
	-webkit-animation:s6-2 0.3s linear ;
	-webkit-animation-delay: 0.7s;
}
.home6_text4{
	-webkit-animation:s6-2 0.3s linear ;
	-webkit-animation-delay: 0.9s;
}
@-webkit-keyframes s6-1{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, 0)  scale(0.2);
    }
}
@-webkit-keyframes s6-2{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, -50px);
    }
}

/*home_7*/
.home7_text1{
	margin-top: 10%;
	-webkit-animation:s7-1 0.3s linear ;
}
.home7_text2{
	-webkit-animation:s7-2 0.3s linear ;
	-webkit-animation-delay: 0.3s;
	
}
.home7_text3{
	-webkit-animation:s7-1 0.3s linear ;
	-webkit-animation-delay: 0.6s;
	
}
@-webkit-keyframes s7-1{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, 0)  scale(2);
    }
    50% { 
    	opacity: 0.5;
	    -webkit-transform: translate(0, 0)  scale(3);
    }
    100% { 
	    -webkit-transform: translate(0, 0)  scale(1);
    }
}
@-webkit-keyframes s7-2{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, 0)  scale(2);
    }
    50% { 
    	opacity: 0.5;
	    -webkit-transform: translate(0, 0)  scale(3);
    }
    100% { 
	    -webkit-transform: translate(0, 0)  scale(1);
    }
}

/*home_8*/
.home8_text img{
	width: 80%;
	margin-left: 10%;
}
.home8_text1{
	margin-top: 11%;
	-webkit-animation:s7-1 0.3s linear ;
}
.home8_text2{
	margin-top: 5%;
}
.home8_text2, .home8_text4, .home8_text6{
	-webkit-animation:s8-1 0.3s linear ;
	-webkit-animation-delay: 0.3s;
}
.home8_text3, .home8_text5{
	-webkit-animation:s8-2 0.3s linear ;
	-webkit-animation-delay: 0.6s;
}

@-webkit-keyframes s8-1{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(-80%, 0) ;
    }
}
@-webkit-keyframes s8-2{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(80%, 0) ;
    }
}

/*home_8*/

.home9_text{
	height: 100%;
}
.home9_text .s{
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
}
.home9_text1{
	margin-top: 11%;
	-webkit-animation:s7-1 0.3s linear ;
}
.home9_text2{
	width: 15%;
	margin: 5% 0 0 45%;
	-webkit-animation:s9-1 0.3s linear ;
	-webkit-animation-delay: 0.3s;
}
.home9_text3{
	width: 40.9%;
	position: absolute;
	top: 0;
	z-index: 1;
	left: 5%;
	-webkit-animation:s9-3 2s linear infinite;
	-webkit-animation-delay: 0.6s;
}
.home9_text4{
	width: 40.9%;
	position: absolute;
	top: 0;
	right: 5%;
	z-index: 1;
	-webkit-animation:s9-4 2s linear infinite;
	-webkit-animation-delay: 0.8s;
}
.home9_text5{
	width: 40.9%;
	position: absolute;
	top: 25%;
	left: 30%;
	z-index: 1;	
	-webkit-animation:s9-5 2s linear infinite;
	-webkit-animation-delay: 0.6s;
}
.home9_text6{
	width: 40.9%;
	position: absolute;
	top: 0;
	left: 5%;
	-webkit-animation:s9-2 1s linear infinite;
	-webkit-animation-delay: 0.2s;
}
.home9_text7{
	width: 40.9%;
	position: absolute;
	top: 25%;
	left: 30%;
	-webkit-animation:s9-2 1s linear infinite;
	-webkit-animation-delay: 0.5s;
}
.home9_text8{
	width: 40.9%;
	position: absolute;
	top: 0;
	right: 5%;
	-webkit-animation:s9-2 1s linear infinite;
	-webkit-animation-delay: 0.7s;
}
@-webkit-keyframes s9-1{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, 0) rotate(0deg) scale(0.2);
    }
    100% { 
	    -webkit-transform: translate(0, 0) rotate(360deg) scale(1);
    }
}
@-webkit-keyframes s9-2{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, 0) rotate(0deg) scale(1);
    }
    30% { 
    	opacity: 0.3;
	    -webkit-transform: translate(0, 0) rotate(180deg) scale(1);
    }
    60% { 
    	opacity: 0.5;
	    -webkit-transform: translate(0, 0) rotate(360deg) scale(1);
    }
    100% { 
    	opacity: 0;
	    -webkit-transform: translate(0, 0) rotate(0deg) scale(1);
    }
}
@-webkit-keyframes s9-3{
    0% { 
	    -webkit-transform: translate(0, 0);
    }
    15% { 
	   -webkit-transform: translate(-9%, 5%);
    }
    30% { 
	   -webkit-transform: translate(-6%, 8%);
    }
    45% { 
	   -webkit-transform: translate(0%, 3%);
    }
    60% { 
	   -webkit-transform: translate(7%, -5%);
    }
    85% { 
	   -webkit-transform: translate(5%, -2%);
    }
    100% { 
	    -webkit-transform: translate(0, 0);
    }
}
@-webkit-keyframes s9-4{
    0% { 
	    -webkit-transform: translate(0, 0);
    }
    15% { 
	   -webkit-transform: translate(8%, 8%);
    }
    30% { 
	   -webkit-transform: translate(4%, 5%);
    }
    45% { 
	   -webkit-transform: translate(-2%, -7%);
    }
    60% { 
	   -webkit-transform: translate(-7%, -5%);
    }
    85% { 
	   -webkit-transform: translate(-3%, 6%);
    }
    100% { 
	    -webkit-transform: translate(0, 0);
    }
}
@-webkit-keyframes s9-5{
    0% { 
	    -webkit-transform: translate(0, 0);
    }
    15% { 
	   -webkit-transform: translate(6%, 5%);
    }
    30% { 
	   -webkit-transform: translate(3%, -5%);
    }
    45% { 
	   -webkit-transform: translate(0%, -3%);
    }
    60% { 
	   -webkit-transform: translate(-3%, -5%);
    }
    85% { 
	   -webkit-transform: translate(5-1%, -2%);
    }
    100% { 
	    -webkit-transform: translate(0, 0);
    }
}

/*home10*/
.home10_text{
	width: 80%;
	margin-left: 10%;
}
.home10_text {
	padding-top: 10%;
}
.home10_text1{
	margin-bottom: 10%;
	-webkit-animation:s7-1 0.3s linear ;
}
.home10_text2{
	-webkit-animation:s10-2 0.5s linear ;
	-webkit-animation-delay: 0.5s;
	position: absolute;
	top: 19%;
	left: 0;	
}
.home10_text3{
	width: 25%;
	position: absolute;
	top: 31%;
	left: 37%;	
	-webkit-animation:s10-3 0.6s linear ;
	-webkit-animation-delay: 0.7s;
	-webkit-filter: grayscale(1);
	opacity: 0.4;
}
.zhiwen { -webkit-animation: s10-4 0.5s; }
@-webkit-keyframes s10-4 {
    0% {-webkit-filter:grayscale(1); 
	opacity: 0.4; }

    100% {-webkit-filter:grayscale(0); 
	opacity: 1; }

}
@-webkit-keyframes s10-2{
    0% { 
	    opacity: 0;
	    -webkit-transform: translate(0, 0)  scale(0);
    }
    100% { 
	    opacity: 1;
	    -webkit-transform: translate(0, 0)  scale(1);
    }
}

@-webkit-keyframes s10-3{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, 0)  scale(2);
    }
    25% { 
    	opacity: 0.5;
	    -webkit-transform: translate(0, 0)  scale(3);
    }
    50% { 
	    -webkit-transform: translate(0, 0)  scale(1);
    }
    75% { 
	    -webkit-transform: translate(0, 0)  scale(0.5);
    }
    80% { 
	    -webkit-transform: translate(0, 0)  scale(1);
    }
    85% { 
	    -webkit-transform: rotateX(-10%);
    }
    90% { 
	    -webkit-transform:translateX(10%);
    }
    100% { 
	    -webkit-transform:translateX(0);
    }
}
/*home11*/

.home11_text1{
	color: #fff;
	font-size: 30px;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
	-webkit-animation:s11-1 0.3s linear ;
	-webkit-animation-delay: 0.3s;
}
.home11_text2{
	-webkit-animation:s11-2 0.6s linear ;
	-webkit-animation-delay: 0.5s;
}
.home11_text3{
	margin-bottom: 5%;
	-webkit-animation:s11-3 0.6s linear ;
	-webkit-animation-delay: 0.7s;
	
}
.home11_text4{
	width: 60%;
	margin-left: 20%;
	-webkit-animation:s11-4 0.3s linear ;
	-webkit-animation-delay: 0.9s;
	margin-bottom:5%;
}
.home11_text5{
	-webkit-animation:s3-2 0.3s linear ;
	-webkit-animation-delay: 1s;
}

@-webkit-keyframes s11-1{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(0, -100px)  scale(0.2);
    }
}
@-webkit-keyframes s11-2{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(-100%,0)
    }
}
@-webkit-keyframes s11-3{
    0% { 
    	opacity: 0;
	    -webkit-transform: translate(100%,0);
    }
}
@-webkit-keyframes s11-4{
    0% { 
    	opacity: 0;
    }
    30% { 
	    -webkit-transform: translateX(-5%);
    }
    60% { 
	    -webkit-transform:translateX(5%);
    }
    100% { 
	    -webkit-transform:translateX(0);
    }
}

.home12_1{
	-webkit-animation:s12-3 0.3s linear ;
	-webkit-animation-delay: 0.3s;
}
.home12_2{
	margin-top: 5%;
	-webkit-animation:s12-4 0.3s linear ;
	-webkit-animation-delay: 0.5s;
}
.home12_3{
	-webkit-animation:s12-4 0.3s linear ;
	-webkit-animation-delay: 0.7s;
}
.home12_4{
	-webkit-animation:s12-4 0.3s linear ;
	-webkit-animation-delay: 0.9s;
	
}

@-webkit-keyframes s12-3{
    0% { 
    	opacity: 0;
	    -webkit-transform: translateY(-100px);
    }
    100% { 
	    -webkit-transform:translateY(0);
    }
}
@-webkit-keyframes s12-4{
    0% { 
    	opacity: 0;
	    -webkit-transform: translateY(-100px);
    }
    100% { 
	    -webkit-transform:translateY(0);
    }
}


.ty{
	-webkit-transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-out;
}
.tb{
	-webkit-transform: translateY(0); -webkit-transition: -webkit-transform 0.4s ease-out;
}


.j_wapper{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 7;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.box_1{
	z-index: 20;
}
.box_2{
	z-index: 19;
}
.box_3{
	z-index: 18;
}
.box_4{
	z-index: 17;
}
.box_5{
	z-index: 16;
}
.box_6{
	z-index: 15;
}
.box_7{
	z-index: 14;
}
.box_8{
	z-index: 13;
}
.box_9{
	z-index: 12;
}
.box_10{
	z-index: 11;
}
.box_11{
	z-index: 10;
}
.box_12{
	z-index: 9;
}

.loading{
	position: absolute;
	top: 50%;
	left: 40%;
	z-index: 999;
	display: none;
}
.loading i{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 5px;
}
.loading .c1{
	
	-webkit-animation:c-1 1.9s linear infinite;
	-webkit-animation-delay: 0.39s;
}
.loading .c2{
	-webkit-animation:c-2 1.9s linear infinite;
	-webkit-animation-delay: 0.9s;
}
.loading .c3{
	-webkit-animation:c-3 1.9s linear infinite;
	-webkit-animation-delay: 1.17s;
}
@-webkit-keyframes c-1{
    0% { 
    	
    }
    50% { 
    	background: #f1c40f;
    }
    100% { 
    	
    }
}
@-webkit-keyframes c-2{
    0% { 
    	
    }
    50% { 
	background: #e74c3c;
    }
    100% { 
    	
    }
}
@-webkit-keyframes c-3{
    0% { 
    	
    }
    50% { 
	background: #9b59b6;
    }
    100% { 
    	
    }
}



/*背景音乐开关*/

.bgsoundsw { z-index: 98; position:absolute; bottom: 12px; right: 10px; }

.bgsoundsw dt, .bgsoundsw dd { width: 34px; height: 34px;}

.bgsoundsw dd { background: url(../images/m_close.png) no-repeat; background-size: 32px auto;display: none;}

.bgsoundsw dt { background: url(../images/m_open.png) no-repeat; background-size: 32px auto;-webkit-animation: soundswANI 1.5s infinite linear; }

@-webkit-keyframes soundswANI {

    0% { -webkit-transform: rotate(0deg);}

    100% { -webkit-transform: rotate(360deg);}

}


@media all and (max-width: 400px){
  .home6_text a{
		width: 200px;
		height: 39px;
		line-height: 39px;
		font-size: 16px;
	}
}
.jo-copyright { 
	margin-left: 20%;
	-webkit-animation:s11-4 0.3s linear ;
	-webkit-animation-delay: 0.9s; font-size:14px; }
